<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 对象 ：
        // js里的数据类型 
        /* 
            一、简单数据类型 ： 数字 字符串 布尔 undefined null Symbol BigInt
            二、复杂数据类型 ： 数组  函数 对象 正则 
        */

        // 一、对象定义 ？ object
        // var arr = [1,2,3]
        // 对象 由键名和键值构成
        // var obj = {键名:键值,键名2:键值2};
        // var obj = {name:"张三",age:20,height:"178cm"};
        // console.log(obj);
        // 1.键名 可以加引号 一般不加  2.键名不能重复，键值可以重复
        // var obj = {"name":"张三","age":20,"height":"178cm"};
        // console.log(obj);
        // var obj = {myname:"张三",myname:"李四",age:20,heigth:"178cm",myage:20};
        // console.log(obj);

        // 二、对象内容的获取
        // var person = {name:"张三",age:20,height:"178cm"};
        //1.通过.语法获取对象里的键值 ： 对象.键名
    //    console.log(  person.name);
    //    console.log(  person.age);
        // var str = `我的名字是${person.name};我的年龄是${person.age};我的身高是${person.height}`;
        // document.write(str);

        // 2.对象也可以通过中括号获取键值；
        // var arr = ["张三","李四"];
        // console.log( arr[1]);
        // person.'name'
        // console.log(person['name'])
        // console.log(person['age']);

        // 3.点语法 和 中括号的区别 
        // var obj = {
        //     name:"张三",
        //     age:20,
        //     height:"178cm"
        // }
        // // obj.name
        // // obj['name'];

        // var myname = "name";
        // // console.log(obj.myname);  obj.myname === obj['myname'];
        // console.log(obj[myname])

        var a = {name:"吊毛",age:"27",height:"178cm",weight:"60kg"};
        console.log(a.name)
        console.log(a['age'])
        var myname = "name"
        console.log(a['name'])
        console.log(a[myname])
        // console.log(a.myname)

    </script>
</body>
</html>